<template>
    <div class="o-pagination">
        <el-pagination
            :total='total'
            :page-size="pageSize"
            @current-change='currentChange'></el-pagination>
    </div>
</template>

<script>
    export default {
        props : {
            total : {
                type : Number,
                default : 0
            },
            pageSize : {
                type : Number,
                default : 10
            }
        },
        methods : {
            currentChange (page) {
                this.$emit('current-change', page)
            }
        }
    }
</script>

<style lang='less' scoped>
    .o-pagination {
        margin-top: 10px;
    }
</style>